﻿.containerPanel
{
    border: 1px;
    border-color: #1052a0;
    border-style: double;
}

.collapsePanelHeader
{
    height: 20px;
    background: url('<%=WebResource("JQuery.WebKit.JCollapsiblePanel.images.bg-header.png")%>') repeat-x top left;
    color: #FFF;
    font-weight: bold;
}

.collapsePanelHeader:hover
{
    cursor: hand;
}

.headerContent
{
    float: left;
    padding-left: 5px;
}

.content
{
}

.arrow
{
    width: 13px;
    height: 13px;
    float: right;
    margin-top: 4px;
    margin-right: 5px;
}

.arrowExpand
{
    background-image: url('<%=WebResource("JQuery.WebKit.JCollapsiblePanel.images.expand.jpg")%>');
}

.arrowExpand:hover
{
    cursor: hand;
}

.arrowClose
{
    background-image: url('<%=WebResource("JQuery.WebKit.JCollapsiblePanel.images.collapse.jpg")%>');
}

.arrowClose:hover
{
    cursor: hand;
}
